<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
    function initialize() {
        var mapDiv = document.getElementById('map-canvas');
        var distanceDiv = document.getElementById('distance');
        var theCenter = new google.maps.LatLng(<?php echo $latitude;?>, <?php echo $longitude;?>);
        var map = new google.maps.Map(mapDiv, {
                center: theCenter,
                zoom: 13,
                scrollwheel: false,
                mapTypeControlOptions: {
                    style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
                },
                mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        var poldadiy = new google.maps.Marker({
            position: theCenter,
            map: map,
        });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>
<style type="text/css">
      #map-canvas {
        width: 1040px;
        height: 500px;
      }
</style>
<div class="left"></div>
<div class="right"></div>
<div class="heading">
	<h1 style="background-image: url('<?php echo base_url()?>assets/images/order.png');">Master Data</h1>
</div>
<div class="wrapper">
	<h1>Lokasi</h1>
	<div class="table_filter_wrapper">
		<a href="<?php echo site_url('backend/lokasi/edit')?>"><input type="submit" name="edit" value="Edit Lokasi"></a>
	</div>
	<div id="map-canvas"></div>
</div>
